<app-left-line
  [text]="'用户绑定'"
></app-left-line>

<div class="user-bind-add card">
  <form class="" nz-form [formGroup]="validateForm">
    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzFor="email">用户编号</nz-form-label>
      <nz-form-control [nzSpan]="16">
        <input nz-input formControlName="userBindUID">
        <app-err-msg *ngIf="userBindUID?.touched && userBindUID?.invalid">
          请输入用户编号
        </app-err-msg>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="6">用户名称</nz-form-label>
      <nz-form-control [nzSpan]="16">
        <input nz-input formControlName="userName">
        <app-err-msg *ngIf="userName?.touched && userName?.invalid">
          请输入用户名称
        </app-err-msg>
      </nz-form-control>
    </nz-form-item>

    <!-- <nz-form-item>
      <nz-form-label [nzSpan]="6">手机号</nz-form-label>
      <nz-form-control [nzSpan]="16">
        <input nz-input formControlName="phone">
        <app-err-msg *ngIf="phone?.touched && phone?.invalid">
          请输入手机号
        </app-err-msg>
      </nz-form-control>
    </nz-form-item> -->

    <!-- <nz-form-item>
      <nz-form-label [nzSpan]="6">验证码</nz-form-label>
      <nz-form-control [nzSpan]="16">
        <div style="display: flex;">
          <input nz-input formControlName="checkCode">
          <app-v-code [phone]="phone"></app-v-code>
        </div>
        <app-err-msg *ngIf="checkCode?.touched && checkCode?.invalid">
          请输入验证码
        </app-err-msg>
      </nz-form-control>
    </nz-form-item> -->

    <nz-form-item>
      <nz-form-control class="form-btn" [nzSpan]="16" [nzOffset]="6">
        <div class="form-btn">
          <button class="form-btn-cancel" nz-button nzType="default"
            [nzLoading]="formBtnLoading"
            (click)="cancel()"
          >取消</button>
          <button class="form-btn-ok" nz-button nzType="primary"
            [nzLoading]="formBtnLoading"
            (click)="submit()"
          >提交</button>
        </div>
      </nz-form-control>
    </nz-form-item>
  </form>
</div>
